<template>
<div>
    <h1>这里是详情页面</h1>
</div>
<ul>
    <li>标题：{{ query.title }}</li>
    <li>副标题：{{ query.subTitle }}</li>
    <li>内容：{{ query.content }}</li>
</ul>
</template>
<script lang="ts" name="Detail" setup>
    import { toRef } from 'vue';
    import { useRoute } from 'vue-router';
    // const route = useRoute()
    // console.log(route.query);
    let query = toRef(useRoute().query)
    console.log(query);
    
</script>
<style scoped>
    
</style>